<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title>java</title>
    <link rel="stylesheet" href="/static/css/style.css"/>
</head>
<body>

    <div class="n-support">请使用Chrome、Safari等webkit内核的浏览器！</div><div class="n-head">
        <div class="g-doc f-cb">
            <div class="user">
                买家你好,buyer! <a href="/logout">[退出]</a>
            </div>
            <ul class="nav">
                <li><a href="/api/buyerindex">首页</a></li>
                <li><a href="/api/toAccount">账务</a></li>
                <li><a href="/api/toSettleAccount">购物车</a></li>
            </ul>
        </div>
    </div>

    </div><div class="g-doc">
        <div class="m-tab m-tab-fw m-tab-simple f-cb">
            <h2>已购买的内容</h2>
        </div>
        <table class="m-table m-table-row n-table g-b3">
            <colgroup><col class="img"/><col/><col class="time"/><col/><col class="num"/><col/><col class="price"/><col/></colgroup>
            <thead>
            <tr><th>图片</th><th>标题</th><th>购买时间</th><th>购买数量</th><th>购买价格</th></tr>
            </thead>
            <tbody>
                <#list orders as order>
                    <tr>
                        <td><a href="/api/show?id=${order.bookId}"><img src="${order.bookPicture}" alt=""></a></td>
                        <td><h4><a href="/api/show?id=${order.bookId}">${order.bookTitle}</a></h4></td>
                        <td><span class="v-time">${order.buyTime?string("yyyy-MM-dd HH:mm:ss")}</span></td>
                        <td><span class="v-num">${order.buyNum}</span></td>
                        <td><span class="v-unit">¥</span><span class="value">${order.buyPrice}</span></td>
                    </tr>
                </#list>
            </tbody>
            <tfoot>
            <tr>
                <td colspan="4"><div class="total">总计：</div></td>
                <td><span class="v-unit">¥</span><span class="value">${totalPrice}</span></td>
            </tr>
            </tfoot>
        </table>
    </div>
    <div class="n-foot">
        <p>版权所有：网易云课堂<a href="http://mooc.study.163.com/smartSpec/detail/85002.htm">Java开发工程师(Web方向)</a>微专业团队</p>
    </div>

</body>
</html>